﻿
#wrapper {
 width:1020px;
 height:auto;
	/*victor> este es un bloque 
	display:inline-block;*/
	overflow:auto;
	display:block;
	background-color:#fff;
	border-left:1px #3c6696 solid;
	border-right:1px #3c6696 solid;
	-webkit-box-shadow: -2px 0px 10px rgba(0,0,0, .7);
	-moz-box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.7);
	box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.7);
	/*z-index: -1;*
	/*victor>produce un descuadre a monitores grandes y pequeños
	margin:0 23.1%;*/
	margin:0 auto;
		background-color:#c6d;
	/*position:relative;*/
 }

section.banner {
	width:960px;
	height:300px;
	margin:0 auto 0 auto;
	background-color:#c6d6e8;
	padding:35px 30px 35px 30px;
	position:relative;
}

.fotBan{width:500px;, height:300px; padding:10px 0 0 12px;}

.bann1{
	width:500px; 
	height:300px; 
	padding:10px 0 0 12px;
	float:left;
}

.bann2{
	width:200px; 
	height:300px; 
	padding:10px 0 0 22px;
	float:left;
}

section#menues{
	width:960px;
	height:100px;
	margin:360px auto 0 100px;
	position:absolute;
} 

.container{
	width:1020px; 
	height:auto; 
	margin:0 auto;
	display:inline-block;
	/*top:0;*/
	padding-bottom:25px;
	/*background-color:#bea;*/
	position:relative;
}

.columnas{
	width:100%; 
	height:auto; 
	margin:30px auto;
	display:inline-block;	
	position:relative;
}

#col1 {
	width:400px;
	height:420px;
	border-right: 1px #d9e3f0 dotted;
	padding:10px 40px 10px 10px;
	margin:0 14px 0 28px;
	float:left;
}

#col2{
	width:450px;
	height:420px;
	/*border:1px #444 solid;*/
	padding:10px 5px;
	margin:0 6px 0 2px;
	float:left;
}

.num3{
	width:960px;
	height:150px;
	margin:0 auto;
	padding:6px 0 30px 20px;
	/*background-color:#de4;*/
	position:relative;
}

#nos1{
	width:900px;
	height:auto;
	margin:16px auto;
	padding:12px 20px 30px 20px;
	position:relative;
}

.mock{
	width:900px;
	height:350px;
	margin:2px 0 0 65px;
	display:inline-block;
	position:relative;
}

#gallery {
		background-color: #dfe6ec;
		padding: 10px;
		width: 760px;
		margin:40px auto 0 auto;
	}

ul.we{list-style:lower-alpha;}

ul.we li{margin-top:2px; font:0.88em Tahoma; color#444; line-height:24px;}

ul.ser{list-style:n;}

ul.ser li{margin-top:12px;}


/*................................... DISEÑO WEB ..........................*/
#contenidos{
	width:1020px;
	height:auto;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
}

#webContent{ width:860px; height:auto; margin:30px auto; display:block-inline; position:relative;}

.boxWeb{
	width:700px;
	height:130px;
	margin:20px auto;
	background-color: #dfe6ec;
	/*position:relative;*/
}

#web1{
	width:150px;
	height:130px;
	background-color:#000;
	float:left;
}

#web2{
	width:540px;
	height:100px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	padding-top:25px;
	float:left;
}

.webT{font:0.80em Tahoma; letter-spacing:1px; padding:10px 25px;/*top:12px;*/ display:block;}

.imgW{width:114px; height:114px; padding:8px 17px;}

.boxWeb2{
	width:700px;
	height:130px;
	margin:10px auto;
	/*background-color: #dfe6ec;*/
	position:relative;
}

#web3{
	width:150px;
	height:130px;
	background-color:#000;
	float:left;
}

#web4{
	width:540px;
	height:100px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	padding-top:25px;
	float:left;
}

#web5{
	width:150px;
	height:130px;
	background-color:#000;
	float:left;
}

#web6{
	width:540px;
	height:100px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	padding-top:25px;
	float:left;
}

#web7{
	width:150px;
	height:130px;
	background-color:#000;
	float:left;
}

#web8{
	width:540px;
	height:100px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	padding-top:25px;
	float:left;
}

/*........................... PROGRAMACION -----....................*/

.boxPrg{
	width:700px;
	height:90px;
	margin:20px auto;
	/*background-color: #dfe6ec;*/
	/*position:relative;*/
}

#prg1{
	width:150px;
	height:90px;
	border:1px #cdcdcd solid;
	text-align:center;
	float:left;
}

#prg2{
	width:540px;
	height:90px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	/*padding-top:25px;*/
	text-align:center;
	float:left;
}

#prg3{
	width:150px;
	height:90px;
	border:1px #cdcdcd solid;
	text-align:center;
	float:left;
}

#prg4{
	width:540px;
	height:90px;
	background-color:#dfe6ec;
	border-right:8px #5f7f9e solid;
	/*padding-top:25px;*/
	text-align:center;
	float:left;
}

